<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="csrf-token" content="2ZMcoDkOgu5qrh0C1ueX7zVGh0xAoAz0wMKvW7EH">

    <title>
        Submit Prompt or Product | PromptVine
    </title>

    <meta name="description" content="Share your ChatGPT prompt with the community">


    <link rel="canonical" href="submit.html" />
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://promptvine.com/submit">
    <meta property="og:title" content="Submit Prompt or Product  - PromptVine">
    <meta property="og:description" content="Share your ChatGPT prompt with the community">
    <meta property="og:image" content="http://promptvine.com/images/og.png">

    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://promptvine.com/submit">
    <meta property="twitter:title" content="Submit Prompt or Product  - PromptVine">
    <meta property="twitter:description" content="Share your ChatGPT prompt with the community">
    <meta property="twitter:image" content="http://promptvine.com/images/og.png">

    <link rel="stylesheet" href="css/app.css">

    <script>
        window.Laravel = { "csrfToken": "2ZMcoDkOgu5qrh0C1ueX7zVGh0xAoAz0wMKvW7EH" };
    </script>

    <style>
        /* latin-ext */
        @font-face {
            font-family: 'DM Sans';
            font-style: italic;
            font-weight: 400;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2fp2ywxg089uricza4et-djf4e8bh9.woff2) format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        /* latin */
        @font-face {
            font-family: 'DM Sans';
            font-style: italic;
            font-weight: 400;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2fp2ywxg089uricza4hz-djf4e8a.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        /* latin-ext */
        @font-face {
            font-family: 'DM Sans';
            font-style: italic;
            font-weight: 500;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2ap2ywxg089uriczaw7bywb3wt2iv06joy.woff2) format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        /* latin */
        @font-face {
            font-family: 'DM Sans';
            font-style: italic;
            font-weight: 500;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2ap2ywxg089uriczaw7bywcxwt2iv06a.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        /* latin-ext */
        @font-face {
            font-family: 'DM Sans';
            font-style: italic;
            font-weight: 700;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2ap2ywxg089uriczawpbqwb3wt2iv06joy.woff2) format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        /* latin */
        @font-face {
            font-family: 'DM Sans';
            font-style: italic;
            font-weight: 700;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2ap2ywxg089uriczawpbqwcxwt2iv06a.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        /* latin-ext */
        @font-face {
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2hp2ywxg089uricz2ihtweblwu8q.woff2) format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        /* latin */
        @font-face {
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2hp2ywxg089uriczoihtweblw.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        /* latin-ext */
        @font-face {
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2cp2ywxg089uriawcrcbamc3yu-cne6q.woff2) format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        /* latin */
        @font-face {
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2cp2ywxg089uriawcrcbimc3yu-ck.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        /* latin-ext */
        @font-face {
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2cp2ywxg089uriasitcbamc3yu-cne6q.woff2) format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        /* latin */
        @font-face {
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(storage/fonts/da0dd7ef3d/sdmsansv11rp2cp2ywxg089uriasitcbimc3yu-ck.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
    </style>
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/favs/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/favs/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/favs/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/favs/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="images/favs/apple-touch-icon-60x60.png" />
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/favs/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="images/favs/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/favs/apple-touch-icon-152x152.png" />
    <link rel="icon" type="image/png" href="images/favs/favicon-196x196.png" sizes="196x196" />
    <link rel="icon" type="image/png" href="images/favs/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/png" href="images/favs/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="images/favs/favicon-16x16.png" sizes="16x16" />
    <link rel="icon" type="image/png" href="images/favs/favicon-128.png" sizes="128x128" />
    <meta name="application-name" content="&nbsp;" />
    <meta name="msapplication-TileColor" content="#FFFFFF" />
    <meta name="msapplication-TileImage" content="mstile-144x144.png" />
    <meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
    <meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
    <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
    <meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
    <meta name="theme-color" content="#22c563">
    <meta name="msapplication-navbutton-color" content="#22c563">
    <meta name="apple-mobile-web-app-status-bar-style" content="#22c563">

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H6G8ZDZPQR"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-H6G8ZDZPQR');
    </script>

    <script async src="https://cdn.splitbee.io/sb.js"></script>




    <style>
        [wire\:loading],
        [wire\:loading\.delay],
        [wire\:loading\.inline-block],
        [wire\:loading\.inline],
        [wire\:loading\.block],
        [wire\:loading\.flex],
        [wire\:loading\.table],
        [wire\:loading\.grid],
        [wire\:loading\.inline-flex] {
            display: none;
        }

        [wire\:loading\.delay\.shortest],
        [wire\:loading\.delay\.shorter],
        [wire\:loading\.delay\.short],
        [wire\:loading\.delay\.long],
        [wire\:loading\.delay\.longer],
        [wire\:loading\.delay\.longest] {
            display: none;
        }

        [wire\:offline] {
            display: none;
        }

        [wire\:dirty]:not(textarea):not(input):not(select) {
            display: none;
        }

        input:-webkit-autofill,
        select:-webkit-autofill,
        textarea:-webkit-autofill {
            animation-duration: 50000s;
            animation-name: livewireautofill;
        }

        @keyframes livewireautofill {
            from {}
        }
    </style>

</head>

<body class=" bg-gray-100 antialiased">

    <div>

        <nav x-data="{ open: false }" class="sticky top-0 z-10 border-b border-gray-300 bg-gray-50 ">

            <div class="px-4 mx-auto sm:px-6 md:px-8 max-w-8xl">
                <div class="flex justify-between h-16">
                    <div class="flex items-center shrink-0">
                        <a href="index.html" aria-label="PromptVine Logo">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="175" height="87"
                                viewBox="0 0 839 153">
                                <path fill="#212121"
                                    d="M164.322 116V33.957h28.715c6.407 0 11.72 1.093 15.94 3.281 4.219 2.11 7.344 5.04 9.376 8.79 2.11 3.673 3.164 7.853 3.164 12.542 0 4.453-1.015 8.556-3.047 12.306-1.953 3.673-5.04 6.603-9.259 8.79-4.219 2.188-9.611 3.282-16.174 3.282h-16.292V116h-12.423Zm12.423-43.249h15.706c5.86 0 10.04-1.25 12.541-3.75 2.578-2.579 3.867-6.056 3.867-10.431 0-4.532-1.289-8.048-3.867-10.549-2.501-2.578-6.681-3.868-12.541-3.868h-15.706v28.598ZM233.329 116V57.866h11.134l1.055 11.018c2.031-3.829 4.844-6.837 8.439-9.025 3.672-2.266 8.087-3.399 13.244-3.399v13.01h-3.399c-3.438 0-6.525.586-9.259 1.758-2.657 1.094-4.806 3.008-6.447 5.743-1.562 2.656-2.344 6.368-2.344 11.134V116h-12.423Zm70.113 1.406c-5.548 0-10.549-1.25-15.002-3.75-4.376-2.579-7.853-6.134-10.432-10.666-2.578-4.61-3.867-9.962-3.867-16.057 0-6.094 1.289-11.408 3.867-15.94 2.657-4.61 6.212-8.165 10.666-10.665 4.454-2.579 9.415-3.868 14.885-3.868 5.548 0 10.509 1.29 14.885 3.868 4.454 2.5 7.97 6.055 10.548 10.665 2.657 4.532 3.985 9.846 3.985 15.94 0 6.095-1.328 11.447-3.985 16.057-2.578 4.532-6.094 8.087-10.548 10.666-4.454 2.5-9.454 3.75-15.002 3.75Zm0-10.665c2.969 0 5.704-.742 8.204-2.227 2.579-1.485 4.649-3.672 6.212-6.563 1.563-2.97 2.344-6.642 2.344-11.018 0-4.375-.781-8.009-2.344-10.9-1.485-2.969-3.516-5.196-6.095-6.68-2.5-1.485-5.235-2.227-8.204-2.227-2.969 0-5.743.742-8.321 2.227-2.501 1.484-4.532 3.711-6.095 6.68-1.563 2.891-2.344 6.525-2.344 10.9 0 4.376.781 8.048 2.344 11.017 1.563 2.892 3.594 5.079 6.095 6.564 2.5 1.485 5.235 2.227 8.204 2.227ZM346.413 116V57.866h11.017l1.055 8.205a20.548 20.548 0 0 1 7.384-7.032c3.125-1.72 6.72-2.579 10.783-2.579 9.22 0 15.627 3.633 19.221 10.9 2.11-3.36 4.923-6.017 8.439-7.97 3.594-1.953 7.462-2.93 11.603-2.93 7.267 0 12.971 2.188 17.112 6.563 4.142 4.376 6.212 10.9 6.212 19.574V116h-12.424V83.886c0-11.252-4.297-16.878-12.892-16.878-4.376 0-7.97 1.641-10.783 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424V83.886c0-11.252-4.336-16.878-13.01-16.878-4.297 0-7.852 1.641-10.665 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424Zm107.361 25.785V57.866h11.135l1.289 9.025c1.875-2.735 4.454-5.157 7.736-7.267 3.281-2.11 7.501-3.164 12.658-3.164 5.626 0 10.587 1.328 14.885 3.985 4.297 2.657 7.657 6.29 10.079 10.9 2.501 4.61 3.751 9.845 3.751 15.705 0 5.86-1.25 11.096-3.751 15.706-2.422 4.532-5.782 8.126-10.079 10.783-4.298 2.578-9.298 3.867-15.002 3.867-4.532 0-8.556-.898-12.073-2.695-3.438-1.797-6.172-4.337-8.204-7.619v34.693h-12.424Zm30.591-35.161c5.313 0 9.689-1.798 13.127-5.392 3.438-3.672 5.157-8.439 5.157-14.299 0-3.829-.782-7.227-2.344-10.197-1.563-2.969-3.712-5.274-6.447-6.915-2.734-1.719-5.899-2.578-9.493-2.578-5.313 0-9.689 1.836-13.127 5.508-3.36 3.673-5.04 8.4-5.04 14.182 0 5.86 1.68 10.627 5.04 14.299 3.438 3.594 7.814 5.392 13.127 5.392ZM550.834 116c-5.704 0-10.236-1.367-13.596-4.102-3.36-2.813-5.04-7.775-5.04-14.885V68.298h-9.962V57.866h9.962l1.524-14.767h10.9v14.767h16.409v10.432h-16.409v28.715c0 3.203.664 5.43 1.992 6.68 1.407 1.173 3.79 1.759 7.15 1.759h6.681V116h-9.611Z" />
                                <path fill="#22C563"
                                    d="m597.75 116-30.004-82.043h16.057l23.207 66.689 23.323-66.69h15.823L616.152 116H597.75Zm65.895-67.158c-2.735 0-5.001-.82-6.798-2.462-1.719-1.64-2.578-3.711-2.578-6.212 0-2.5.859-4.531 2.578-6.094 1.797-1.641 4.063-2.461 6.798-2.461 2.735 0 4.962.82 6.681 2.46 1.797 1.564 2.696 3.595 2.696 6.096 0 2.5-.899 4.57-2.696 6.211-1.719 1.641-3.946 2.462-6.681 2.462ZM656.144 116V57.866h15.002V116h-15.002Zm30.661 0V57.866h13.244l1.172 9.846c1.797-3.438 4.376-6.173 7.736-8.205 3.438-2.031 7.462-3.047 12.072-3.047 7.188 0 12.775 2.266 16.76 6.798 3.985 4.532 5.978 11.173 5.978 19.925V116h-15.003V84.59c0-5.002-1.015-8.83-3.047-11.487-2.031-2.657-5.196-3.985-9.494-3.985-4.219 0-7.696 1.485-10.431 4.454-2.656 2.969-3.985 7.11-3.985 12.424V116h-15.002Zm99.554 1.406c-5.861 0-11.057-1.25-15.589-3.75s-8.087-6.017-10.665-10.549c-2.579-4.531-3.868-9.767-3.868-15.705 0-6.017 1.25-11.369 3.751-16.057 2.578-4.688 6.094-8.322 10.548-10.9 4.532-2.657 9.845-3.985 15.94-3.985 5.704 0 10.744 1.25 15.119 3.75 4.376 2.5 7.775 5.939 10.197 10.315 2.5 4.297 3.751 9.102 3.751 14.416 0 .86-.039 1.758-.118 2.695 0 .938-.039 1.915-.117 2.93h-44.186c.313 4.532 1.875 8.088 4.688 10.666 2.891 2.579 6.368 3.868 10.431 3.868 3.048 0 5.587-.664 7.619-1.993 2.109-1.406 3.672-3.203 4.688-5.391h15.237c-1.094 3.672-2.931 7.032-5.509 10.08-2.5 2.969-5.626 5.313-9.376 7.032-3.673 1.719-7.853 2.578-12.541 2.578Zm.117-48.757c-3.673 0-6.915 1.055-9.728 3.165-2.813 2.031-4.61 5.157-5.392 9.376h28.95c-.234-3.828-1.641-6.876-4.219-9.142-2.579-2.266-5.782-3.399-9.611-3.399Z" />
                                <path fill="#000"
                                    d="m43.32 61.03-5.803-21.376L16 45.317l5.804 21.517L43.32 61.03Zm0 31.426-21.516-5.804L16 108.169l21.517 5.662 5.804-21.375Zm27.18 15.713-15.713 15.713L70.5 139.595l15.713-15.713L70.5 108.169Zm27.18-15.713 5.803 21.517L125 108.169l-5.804-21.517-21.517 5.804Zm0-31.426 21.516 5.804L125 45.317l-21.517-5.663-5.804 21.376ZM70.5 45.317l15.713-15.713L70.5 13.89 54.787 29.604 70.5 45.317Z" />
                            </svg>




                        </a>

                        <div class="hidden sm:block">
                            <a href="submit.html" data-splitbee-event="Submit Navbar"
                                class="inline-flex items-center justify-center px-2 py-1 ml-4 text-base font-medium text-white transition duration-300 rounded-md shadow hover:opacity-90 bg-primary-500">
                                Submit
                            </a>
                        </div>



                    </div>


                    <div class="hidden space-x-6 md:hidden lg:flex sm:items-center sm:ml-6">
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="prompts/chatgpt.html">
                            Prompts
                        </a>
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="products/chatgpt.html">
                            Products
                        </a>
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="blog.html" data-splitbee-event="Blog Navbar">
                            Blog
                        </a>


                        <a href="register.html" data-splitbee-event="Navbar Button"
                            class="inline-flex hover:opacity-90 text-white justify-center items-center text-white  text-base font-medium px-4 py-2 rounded-md shadow hover:opacity-90 transition duration-300 bg-gray-900">
                            Get started
                        </a>
                    </div>

                    <div class="flex items-center -mr-2 md:flex lg:hidden">
                        <button aria-label="Menu" @click="open = ! open"
                            class="inline-flex items-center justify-center p-2 text-gray-400 transition duration-150 ease-in-out rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
                            <svg class="w-6 h-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                                <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex"
                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M4 6h16M4 12h16M4 18h16" />
                                <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden"
                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M6 18L18 6M6 6l12 12" />
                            </svg>
                        </button>
                    </div>
                </div>

                <div :class="{'block': open, 'hidden': ! open}" class="hidden">
                    <div class="px-3 pt-6 pb-4 mb-3 bg-white border border-gray-200 rounded">
                        <a href="submit.html"
                            class="inline-flex items-center justify-center w-full px-2 py-1 mb-4 text-base font-medium text-white transition duration-300 rounded-md shadow hover:opacity-90 bg-primary-500">
                            Submit a prompt
                        </a>
                        <div class="flex flex-col space-y-4">
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="prompts/chatgpt.html">
                                Prompts
                            </a>
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="products/chatgpt.html">
                                Products
                            </a>
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="blog.html">
                                Blog
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </nav>

        <div wire:id="FQcKa13iefHJi1W4Evp6"
            wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;FQcKa13iefHJi1W4Evp6&quot;,&quot;name&quot;:&quot;pages.submit&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;submit&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;da478ad0&quot;,&quot;data&quot;:{&quot;title&quot;:null,&quot;category&quot;:null,&quot;prompt&quot;:null,&quot;categories&quot;:{&quot;98b9a0f4-20bf-4301-b6be-550b5c8cb040&quot;:&quot;Animals &amp; Pets&quot;,&quot;98b9a0f4-2bd0-41f0-8de2-c58475bcdeb5&quot;:&quot;General Conversation&quot;,&quot;98b9a0f4-2dcc-4734-be81-e8203d04fcb2&quot;:&quot;Personal&quot;,&quot;98b9a0f4-2f74-4546-adc7-cd7e9d44891b&quot;:&quot;Education &amp; Tutoring&quot;,&quot;98b9a0f4-32b7-40bb-a648-965b1e8fc8dd&quot;:&quot;Entertainment&quot;,&quot;98b9a0f4-34dc-4fd7-9903-cd8ff196a056&quot;:&quot;Problem-solving&quot;,&quot;98b9a0f4-36c7-4e5a-830c-4a50ab599639&quot;:&quot;Creative Writing&quot;,&quot;98b9a0f4-38a4-4ea0-a864-8ed3debbbf79&quot;:&quot;Self-improvement&quot;,&quot;98b9a0f4-3a75-454f-b341-dd7610407937&quot;:&quot;Emotional&quot;,&quot;98b9a0f4-3d01-408d-ba2f-854fb2213f72&quot;:&quot;Social&quot;,&quot;98b9a0f4-3eb9-4199-93a4-9591aa1a6039&quot;:&quot;Health and Wellness&quot;,&quot;98b9a0f4-4077-49ed-a93f-8c5ae18b36ad&quot;:&quot;Home and Property&quot;,&quot;98b9a0f4-42ae-4ae2-a4e4-a8ca87231fc0&quot;:&quot;Career Development&quot;,&quot;98b9a0f4-449c-4573-a11d-f75b64133bb0&quot;:&quot;Travel and Adventure&quot;,&quot;98b9a0f4-4680-4701-9969-ffcb1076b09a&quot;:&quot;Food and Cooking&quot;,&quot;98b9a0f4-487a-438e-bd02-27194d7c3bcc&quot;:&quot;Sports and Fitness&quot;,&quot;98b9a0f4-4a50-4c17-923c-3458bc1406eb&quot;:&quot;Fashion and Beauty&quot;,&quot;98b9a0f4-4bd5-4622-8793-97738273be11&quot;:&quot;Arts and Culture&quot;,&quot;98b9a0f4-4db5-4c47-91b4-b143ae0a1f0b&quot;:&quot;Music and Entertainment&quot;,&quot;98b9a0f4-4f83-4cb3-96ad-21d2ec58fa4d&quot;:&quot;Science and Technology&quot;,&quot;98b9a0f4-524d-4aeb-9969-5137505de68f&quot;:&quot;Politics and Current Events&quot;,&quot;98b9a0f4-540b-4e72-8682-3057653cc297&quot;:&quot;Philosophy and Religion&quot;,&quot;98b9a0f4-5623-4c59-bc0e-efa016e0cfb6&quot;:&quot;Professional Services&quot;,&quot;98b9a0f4-5816-43ec-bd2b-916dc79028b8&quot;:&quot;Literature and Writing&quot;,&quot;98b9a0f4-5a4a-4625-9ba2-b861af4d6057&quot;:&quot;History and Geography&quot;,&quot;98b9a0f4-5c33-402a-b565-32d9ed83dae8&quot;:&quot;Environmental&quot;,&quot;98b9a0f4-5e07-4608-9eea-9d613bb59444&quot;:&quot;Business and Entrepreneurship&quot;,&quot;98b9a0f4-5fc6-4124-bc1c-59da2ca409be&quot;:&quot;Personal Finance&quot;,&quot;98b9a0f4-6217-456a-92bd-793b42eb0d80&quot;:&quot;Storytelling&quot;,&quot;98b9a0f4-643d-44cd-98bb-7919598937c8&quot;:&quot;Conversation Starters&quot;,&quot;98b9a0f4-6620-404f-b650-05cdc7b8b890&quot;:&quot;Psychological&quot;,&quot;98b9a0f4-6828-4539-a29b-855d91e3e6e7&quot;:&quot;Opinion&quot;,&quot;98b9a0f4-6a0c-44c8-887e-453d8f14e683&quot;:&quot;Prediction&quot;,&quot;98b9a0f4-6bc5-479f-ab9a-5ce21781d94a&quot;:&quot;Fantasy&quot;,&quot;98b9a0f4-6d81-4bcc-9706-af9e97ab5da0&quot;:&quot;Futuristic&quot;,&quot;98b9a0f4-6f2e-4a31-b6fa-0e4267651cb6&quot;:&quot;Inspirational&quot;,&quot;98b9a0f4-7256-4f35-8dfe-290fcf11a6c0&quot;:&quot;Reflective&quot;,&quot;98b9a0f4-740a-4908-a506-723e0318d563&quot;:&quot;Relationship&quot;,&quot;98b9a0f4-75d4-4d4a-bf95-b2f5d0a53e56&quot;:&quot;Writing&quot;,&quot;98b9a0f4-779f-4d6c-b690-2c1e20437fad&quot;:&quot;Fun and Leisure&quot;,&quot;98b9a0f4-794e-47f6-801b-1520cad7fbe9&quot;:&quot;Spiritual&quot;,&quot;98b9a0f4-7b07-422b-bfd1-ff8bf213e7f1&quot;:&quot;Science Fiction&quot;,&quot;98b9a0f4-7d02-4c30-bcd7-aac89dc9195f&quot;:&quot;Mystery and Crime&quot;,&quot;98b9a0f4-7ead-4103-a70a-a591e279bd50&quot;:&quot;Horror&quot;,&quot;98b9a0f4-8074-41af-9950-0f5bc1c00107&quot;:&quot;Humor&quot;,&quot;98b9a0f4-8224-49b9-baeb-fdbdc4613278&quot;:&quot;Coding and Programming&quot;,&quot;98b9a0f4-847d-4954-88d9-8d76678b0c30&quot;:&quot;Others&quot;},&quot;name&quot;:null,&quot;email&quot;:null,&quot;gotcha&quot;:null,&quot;productName&quot;:null,&quot;productCategory&quot;:null,&quot;productDescription&quot;:null,&quot;productUrl&quot;:null,&quot;productCategories&quot;:{&quot;98b9a0f4-86be-4ed3-bf63-4e8be87497a5&quot;:&quot;Search&quot;,&quot;98b9a0f4-889e-4c94-9b1d-3fc20d8bb767&quot;:&quot;Extension&quot;,&quot;98b9a0f4-8a60-467d-b149-625ee1d2eb55&quot;:&quot;API&quot;,&quot;98b9a0f4-8ca0-4177-9e8b-9d6f548af886&quot;:&quot;Software&quot;,&quot;98b9a0f4-8e47-45c3-ab09-75c271f5af4c&quot;:&quot;Chatbot&quot;,&quot;98b9a0f4-8fcd-4c0f-988a-c680c1e75323&quot;:&quot;Code&quot;,&quot;others&quot;:&quot;Others&quot;}},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;89c8aa7499434d2106ff11d7a3b2d45bf04c2cdb63aea4202550682c3504adc7&quot;}}">
            <div class="py-24 bg-gray-100">
                <div class="px-4 mx-auto sm:px-6 md:px-8 max-w-8xl">
                    <h1 class="text-3xl font-bold leading-tight text-gray-900 dark:text-gray-100">
                        Submit
                    </h1>
                    <p class="mt-2 text-gray-500 dark:text-gray-400">
                        Submit a prompt or product to be featured on PromptVine.
                    </p>

                    <div class="max-w-4xl">
                        <div x-data="{tab: 'prompt'}" class="mt-8">
                            <div class="flex items-center justify-start overflow-x-scroll noscroll">
                                <button type="button"
                                    :class="{ 'bg-primary-500 text-primary-50 shadow-md': tab === 'prompt', 'text-gray-500 border bg-white border-gray-200 shadow-sm': tab !== 'prompt' }"
                                    class="px-4 py-1 mr-4 text-base font-medium transition duration-300 rounded-full whitespace-nowrap"
                                    @click.prevent="tab = 'prompt'">
                                    Prompt
                                </button>
                                <button type="button"
                                    :class="{ 'bg-primary-500 text-primary-50 shadow-md': tab === 'product', 'text-gray-500 border bg-white border-gray-200 shadow-sm': tab !== 'product' }"
                                    class="px-4 py-1 mr-4 text-base font-medium transition duration-300 rounded-full whitespace-nowrap"
                                    @click.prevent="tab = 'product'">
                                    Product
                                </button>
                            </div>

                            <div class="p-6 mt-8 bg-white border border-gray-300 shadow rounded-xl"
                                x-show="tab === 'prompt'">
                                <h2 class="text-lg font-medium text-gray-700">
                                    Submit a prompt
                                </h2>
                                <form wire:submit.prevent="savePrompt(Object.fromEntries(new FormData($event.target)))">
                                    <input type="hidden" name="_token" value="2ZMcoDkOgu5qrh0C1ueX7zVGh0xAoAz0wMKvW7EH">
                                    <div class="grid items-center grid-cols-1 sm:grid-cols-1 gap-x-4">
                                        <input type="hidden" wire:model.defer="gotcha" />
                                        <div class=" mt-4 ">
                                            <label class="block">
                                                <span
                                                    class="dark:text-gray-400 text-sm font-medium text-gray-600">Prompt
                                                    Title*</span>
                                                <span class="block mb-1.5 text-xs text-gray-500">Enter the title of
                                                    prompt</span>
                                                <input
                                                    class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 mt-1 border-gray-300 dark:border-gray-700"
                                                    placeholder="Act as a teacher" help="Enter the title of prompt"
                                                    wire:model.defer="title" name="title" type="text" />
                                            </label>

                                        </div>

                                        <div class="mt-4">
                                            <label class="block">
                                                <span
                                                    class="dark:text-gray-400 text-sm font-medium text-gray-600">Prompt*</span>
                                                <span class="block mb-1.5 text-xs text-gray-500">Enter the prompt
                                                    here</span>
                                                <textarea wire:model.defer="prompt" rows="10" name="prompt"
                                                    class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50  mt-1 border-gray-300 dark:border-gray-700"
                                                    rows="10" placeholder="I want you to act as a..."
                                                    help="Enter the prompt here"></textarea>
                                            </label>

                                        </div>

                                        <div class="mt-4">
                                            <label class="block">
                                                <span
                                                    class="dark:text-gray-400 text-sm font-medium text-gray-600">Category
                                                    of prompt</span>

                                                <select wire:model.defer="category" name="category"
                                                    placeholder="Please select a category"
                                                    class="block w-full transition duration-300 dark:bg-gray-800 dark:text-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 text-gray-700 rounded placeholder-gray-400 transition duration-300 focus:placeholder-gray-300 border focus:ring-primary-400 focus:border-primary-400 mt-1 default-classes border-gray-300 dark:border-gray-700"
                                                    help="If you can't find the category, please select other.">

                                                    <option value="" class="pt-1 text-gray-500 dark:text-gray-400">
                                                        Please select a category
                                                    </option>

                                                    <option value="98b9a0f4-20bf-4301-b6be-550b5c8cb040"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Animals &amp; Pets
                                                    </option>
                                                    <option value="98b9a0f4-2bd0-41f0-8de2-c58475bcdeb5"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        General Conversation
                                                    </option>
                                                    <option value="98b9a0f4-2dcc-4734-be81-e8203d04fcb2"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Personal
                                                    </option>
                                                    <option value="98b9a0f4-2f74-4546-adc7-cd7e9d44891b"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Education &amp; Tutoring
                                                    </option>
                                                    <option value="98b9a0f4-32b7-40bb-a648-965b1e8fc8dd"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Entertainment
                                                    </option>
                                                    <option value="98b9a0f4-34dc-4fd7-9903-cd8ff196a056"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Problem-solving
                                                    </option>
                                                    <option value="98b9a0f4-36c7-4e5a-830c-4a50ab599639"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Creative Writing
                                                    </option>
                                                    <option value="98b9a0f4-38a4-4ea0-a864-8ed3debbbf79"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Self-improvement
                                                    </option>
                                                    <option value="98b9a0f4-3a75-454f-b341-dd7610407937"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Emotional
                                                    </option>
                                                    <option value="98b9a0f4-3d01-408d-ba2f-854fb2213f72"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Social
                                                    </option>
                                                    <option value="98b9a0f4-3eb9-4199-93a4-9591aa1a6039"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Health and Wellness
                                                    </option>
                                                    <option value="98b9a0f4-4077-49ed-a93f-8c5ae18b36ad"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Home and Property
                                                    </option>
                                                    <option value="98b9a0f4-42ae-4ae2-a4e4-a8ca87231fc0"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Career Development
                                                    </option>
                                                    <option value="98b9a0f4-449c-4573-a11d-f75b64133bb0"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Travel and Adventure
                                                    </option>
                                                    <option value="98b9a0f4-4680-4701-9969-ffcb1076b09a"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Food and Cooking
                                                    </option>
                                                    <option value="98b9a0f4-487a-438e-bd02-27194d7c3bcc"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Sports and Fitness
                                                    </option>
                                                    <option value="98b9a0f4-4a50-4c17-923c-3458bc1406eb"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Fashion and Beauty
                                                    </option>
                                                    <option value="98b9a0f4-4bd5-4622-8793-97738273be11"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Arts and Culture
                                                    </option>
                                                    <option value="98b9a0f4-4db5-4c47-91b4-b143ae0a1f0b"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Music and Entertainment
                                                    </option>
                                                    <option value="98b9a0f4-4f83-4cb3-96ad-21d2ec58fa4d"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Science and Technology
                                                    </option>
                                                    <option value="98b9a0f4-524d-4aeb-9969-5137505de68f"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Politics and Current Events
                                                    </option>
                                                    <option value="98b9a0f4-540b-4e72-8682-3057653cc297"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Philosophy and Religion
                                                    </option>
                                                    <option value="98b9a0f4-5623-4c59-bc0e-efa016e0cfb6"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Professional Services
                                                    </option>
                                                    <option value="98b9a0f4-5816-43ec-bd2b-916dc79028b8"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Literature and Writing
                                                    </option>
                                                    <option value="98b9a0f4-5a4a-4625-9ba2-b861af4d6057"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        History and Geography
                                                    </option>
                                                    <option value="98b9a0f4-5c33-402a-b565-32d9ed83dae8"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Environmental
                                                    </option>
                                                    <option value="98b9a0f4-5e07-4608-9eea-9d613bb59444"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Business and Entrepreneurship
                                                    </option>
                                                    <option value="98b9a0f4-5fc6-4124-bc1c-59da2ca409be"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Personal Finance
                                                    </option>
                                                    <option value="98b9a0f4-6217-456a-92bd-793b42eb0d80"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Storytelling
                                                    </option>
                                                    <option value="98b9a0f4-643d-44cd-98bb-7919598937c8"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Conversation Starters
                                                    </option>
                                                    <option value="98b9a0f4-6620-404f-b650-05cdc7b8b890"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Psychological
                                                    </option>
                                                    <option value="98b9a0f4-6828-4539-a29b-855d91e3e6e7"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Opinion
                                                    </option>
                                                    <option value="98b9a0f4-6a0c-44c8-887e-453d8f14e683"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Prediction
                                                    </option>
                                                    <option value="98b9a0f4-6bc5-479f-ab9a-5ce21781d94a"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Fantasy
                                                    </option>
                                                    <option value="98b9a0f4-6d81-4bcc-9706-af9e97ab5da0"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Futuristic
                                                    </option>
                                                    <option value="98b9a0f4-6f2e-4a31-b6fa-0e4267651cb6"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Inspirational
                                                    </option>
                                                    <option value="98b9a0f4-7256-4f35-8dfe-290fcf11a6c0"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Reflective
                                                    </option>
                                                    <option value="98b9a0f4-740a-4908-a506-723e0318d563"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Relationship
                                                    </option>
                                                    <option value="98b9a0f4-75d4-4d4a-bf95-b2f5d0a53e56"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Writing
                                                    </option>
                                                    <option value="98b9a0f4-779f-4d6c-b690-2c1e20437fad"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Fun and Leisure
                                                    </option>
                                                    <option value="98b9a0f4-794e-47f6-801b-1520cad7fbe9"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Spiritual
                                                    </option>
                                                    <option value="98b9a0f4-7b07-422b-bfd1-ff8bf213e7f1"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Science Fiction
                                                    </option>
                                                    <option value="98b9a0f4-7d02-4c30-bcd7-aac89dc9195f"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Mystery and Crime
                                                    </option>
                                                    <option value="98b9a0f4-7ead-4103-a70a-a591e279bd50"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Horror
                                                    </option>
                                                    <option value="98b9a0f4-8074-41af-9950-0f5bc1c00107"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Humor
                                                    </option>
                                                    <option value="98b9a0f4-8224-49b9-baeb-fdbdc4613278"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Coding and Programming
                                                    </option>
                                                    <option value="98b9a0f4-847d-4954-88d9-8d76678b0c30"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Others
                                                    </option>
                                                </select>
                                            </label>

                                        </div>

                                        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
                                            <div class=" mt-4 ">
                                                <label class="block">
                                                    <span
                                                        class="dark:text-gray-400 text-sm font-medium text-gray-600">Your
                                                        Name</span>
                                                    <input
                                                        class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 mt-1 border-gray-300 dark:border-gray-700"
                                                        placeholder="Enter your name" wire:model.defer="name"
                                                        name="name" type="text" />
                                                </label>

                                            </div>
                                            <div class=" mt-4 ">
                                                <label class="block">
                                                    <span
                                                        class="dark:text-gray-400 text-sm font-medium text-gray-600">Your
                                                        Email</span>
                                                    <input
                                                        class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 mt-1 border-gray-300 dark:border-gray-700"
                                                        placeholder="Enter your email" wire:model.defer="email"
                                                        name="email" type="text" />
                                                </label>

                                            </div>
                                        </div>

                                    </div>


                                    <div class="mt-4">
                                        <div class="flex justify-end">

                                            <div class="flex-none">
                                                <button type="submit"
                                                    class="px-4 py-2 flex items-center justify-center font-semibold rounded-md hover:opacity-90 w-auto bg-primary-500 text-white"
                                                    wire:loading.attr="disabled"
                                                    wire:loading.class.remove="bg-primary-500 hover:opacity-90"
                                                    wire:loading.class="bg-gray-500 cursor-not-allowed">
                                                    <span wire:loading.class="hidden">Submit Prompt</span>
                                                    <span wire:loading><svg class="w-4 h-4 animate-spin"
                                                            xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                                            role="img" width="1em" height="1em"
                                                            preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
                                                            <path fill="none" stroke="currentColor"
                                                                stroke-linecap="round" stroke-linejoin="round"
                                                                stroke-width="2" d="M21 12a9 9 0 1 1-6.219-8.56" />
                                                        </svg></span>
                                                    <span wire:loading class="ml-2">Submiting... </span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>

                            </div>

                            <div class="p-6 mt-8 bg-white border border-gray-300 shadow rounded-xl"
                                x-show="tab === 'product'">
                                <h2 class="text-lg font-medium text-gray-700">
                                    Submit a product
                                </h2>
                                <form
                                    wire:submit.prevent="saveProduct(Object.fromEntries(new FormData($event.target)))">
                                    <input type="hidden" name="_token" value="2ZMcoDkOgu5qrh0C1ueX7zVGh0xAoAz0wMKvW7EH">
                                    <div class="grid items-center grid-cols-1 sm:grid-cols-1 gap-x-4">
                                        <input type="hidden" wire:model.defer="gotcha" />
                                        <div class=" mt-4 ">
                                            <label class="block">
                                                <span
                                                    class="dark:text-gray-400 text-sm font-medium text-gray-600">Product
                                                    Name*</span>
                                                <input
                                                    class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 mt-1 border-gray-300 dark:border-gray-700"
                                                    placeholder="Enter a product name" wire:model.defer="productName"
                                                    name="productName" type="text" />
                                            </label>

                                        </div>

                                        <div class="mt-4">
                                            <label class="block">
                                                <span
                                                    class="dark:text-gray-400 text-sm font-medium text-gray-600">Product
                                                    Description*</span>
                                                <textarea wire:model.defer="productDescription" rows="5"
                                                    name="productDescription"
                                                    class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50  mt-1 border-gray-300 dark:border-gray-700"
                                                    rows="5" placeholder="Add product details..."></textarea>
                                            </label>

                                        </div>

                                        <div class=" mt-4 ">
                                            <label class="block">
                                                <span
                                                    class="dark:text-gray-400 text-sm font-medium text-gray-600">Product
                                                    URL*</span>
                                                <input
                                                    class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 mt-1 border-gray-300 dark:border-gray-700"
                                                    placeholder="Enter a product link" wire:model.defer="productUrl"
                                                    name="productUrl" type="url" />
                                            </label>

                                        </div>

                                        <div class="mt-4">
                                            <label class="block">
                                                <span
                                                    class="dark:text-gray-400 text-sm font-medium text-gray-600">Category
                                                    of prompt</span>

                                                <select wire:model.defer="productCategory" name="productCategory"
                                                    placeholder="Please select a category"
                                                    class="block w-full transition duration-300 dark:bg-gray-800 dark:text-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 text-gray-700 rounded placeholder-gray-400 transition duration-300 focus:placeholder-gray-300 border focus:ring-primary-400 focus:border-primary-400 mt-1 default-classes border-gray-300 dark:border-gray-700"
                                                    help="If you can't find the category, please select other.">

                                                    <option value="" class="pt-1 text-gray-500 dark:text-gray-400">
                                                        Please select a category
                                                    </option>

                                                    <option value="98b9a0f4-86be-4ed3-bf63-4e8be87497a5"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Search
                                                    </option>
                                                    <option value="98b9a0f4-889e-4c94-9b1d-3fc20d8bb767"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Extension
                                                    </option>
                                                    <option value="98b9a0f4-8a60-467d-b149-625ee1d2eb55"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        API
                                                    </option>
                                                    <option value="98b9a0f4-8ca0-4177-9e8b-9d6f548af886"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Software
                                                    </option>
                                                    <option value="98b9a0f4-8e47-45c3-ab09-75c271f5af4c"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Chatbot
                                                    </option>
                                                    <option value="98b9a0f4-8fcd-4c0f-988a-c680c1e75323"
                                                        class="text-gray-500 dark:text-gray-400">
                                                        Code
                                                    </option>
                                                    <option value="others" class="text-gray-500 dark:text-gray-400">
                                                        Others
                                                    </option>
                                                </select>
                                            </label>

                                        </div>

                                        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
                                            <div class=" mt-4 ">
                                                <label class="block">
                                                    <span
                                                        class="dark:text-gray-400 text-sm font-medium text-gray-600">Your
                                                        Name</span>
                                                    <input
                                                        class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 mt-1 border-gray-300 dark:border-gray-700"
                                                        placeholder="Enter your name" wire:model.defer="name"
                                                        name="name" type="text" />
                                                </label>

                                            </div>
                                            <div class=" mt-4 ">
                                                <label class="block">
                                                    <span
                                                        class="dark:text-gray-400 text-sm font-medium text-gray-600">Your
                                                        Email</span>
                                                    <input
                                                        class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 mt-1 border-gray-300 dark:border-gray-700"
                                                        placeholder="Enter your email" wire:model.defer="email"
                                                        name="email" type="text" />
                                                </label>

                                            </div>
                                        </div>

                                    </div>


                                    <div class="mt-4">
                                        <div class="flex justify-end">

                                            <div class="flex-none">
                                                <button type="submit"
                                                    class="px-4 py-2 flex items-center justify-center font-semibold rounded-md hover:opacity-90 w-auto bg-primary-500 text-white"
                                                    wire:loading.attr="disabled"
                                                    wire:loading.class.remove="bg-primary-500 hover:opacity-90"
                                                    wire:loading.class="bg-gray-500 cursor-not-allowed">
                                                    <span wire:loading.class="hidden">Submit Prompt</span>
                                                    <span wire:loading><svg class="w-4 h-4 animate-spin"
                                                            xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                                            role="img" width="1em" height="1em"
                                                            preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
                                                            <path fill="none" stroke="currentColor"
                                                                stroke-linecap="round" stroke-linejoin="round"
                                                                stroke-width="2" d="M21 12a9 9 0 1 1-6.219-8.56" />
                                                        </svg></span>
                                                    <span wire:loading class="ml-2">Submiting... </span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Livewire Component wire-end:FQcKa13iefHJi1W4Evp6 -->

        <div class="mx-auto bg-[#fdfdfd] border-t border-gray-300">
            <footer class="px-4 pt-12 pb-0 mx-auto sm:px-6 md:px-8 max-w-8xl">
                <div class="md:flex md:justify-between">
                    <div class="mb-6 md:mb-0 sm:w-3/12">
                        <a href="index.html" alt="PromptVine Logo" class="inline-block">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="175" height="87"
                                viewBox="0 0 839 153">
                                <path fill="#212121"
                                    d="M164.322 116V33.957h28.715c6.407 0 11.72 1.093 15.94 3.281 4.219 2.11 7.344 5.04 9.376 8.79 2.11 3.673 3.164 7.853 3.164 12.542 0 4.453-1.015 8.556-3.047 12.306-1.953 3.673-5.04 6.603-9.259 8.79-4.219 2.188-9.611 3.282-16.174 3.282h-16.292V116h-12.423Zm12.423-43.249h15.706c5.86 0 10.04-1.25 12.541-3.75 2.578-2.579 3.867-6.056 3.867-10.431 0-4.532-1.289-8.048-3.867-10.549-2.501-2.578-6.681-3.868-12.541-3.868h-15.706v28.598ZM233.329 116V57.866h11.134l1.055 11.018c2.031-3.829 4.844-6.837 8.439-9.025 3.672-2.266 8.087-3.399 13.244-3.399v13.01h-3.399c-3.438 0-6.525.586-9.259 1.758-2.657 1.094-4.806 3.008-6.447 5.743-1.562 2.656-2.344 6.368-2.344 11.134V116h-12.423Zm70.113 1.406c-5.548 0-10.549-1.25-15.002-3.75-4.376-2.579-7.853-6.134-10.432-10.666-2.578-4.61-3.867-9.962-3.867-16.057 0-6.094 1.289-11.408 3.867-15.94 2.657-4.61 6.212-8.165 10.666-10.665 4.454-2.579 9.415-3.868 14.885-3.868 5.548 0 10.509 1.29 14.885 3.868 4.454 2.5 7.97 6.055 10.548 10.665 2.657 4.532 3.985 9.846 3.985 15.94 0 6.095-1.328 11.447-3.985 16.057-2.578 4.532-6.094 8.087-10.548 10.666-4.454 2.5-9.454 3.75-15.002 3.75Zm0-10.665c2.969 0 5.704-.742 8.204-2.227 2.579-1.485 4.649-3.672 6.212-6.563 1.563-2.97 2.344-6.642 2.344-11.018 0-4.375-.781-8.009-2.344-10.9-1.485-2.969-3.516-5.196-6.095-6.68-2.5-1.485-5.235-2.227-8.204-2.227-2.969 0-5.743.742-8.321 2.227-2.501 1.484-4.532 3.711-6.095 6.68-1.563 2.891-2.344 6.525-2.344 10.9 0 4.376.781 8.048 2.344 11.017 1.563 2.892 3.594 5.079 6.095 6.564 2.5 1.485 5.235 2.227 8.204 2.227ZM346.413 116V57.866h11.017l1.055 8.205a20.548 20.548 0 0 1 7.384-7.032c3.125-1.72 6.72-2.579 10.783-2.579 9.22 0 15.627 3.633 19.221 10.9 2.11-3.36 4.923-6.017 8.439-7.97 3.594-1.953 7.462-2.93 11.603-2.93 7.267 0 12.971 2.188 17.112 6.563 4.142 4.376 6.212 10.9 6.212 19.574V116h-12.424V83.886c0-11.252-4.297-16.878-12.892-16.878-4.376 0-7.97 1.641-10.783 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424V83.886c0-11.252-4.336-16.878-13.01-16.878-4.297 0-7.852 1.641-10.665 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424Zm107.361 25.785V57.866h11.135l1.289 9.025c1.875-2.735 4.454-5.157 7.736-7.267 3.281-2.11 7.501-3.164 12.658-3.164 5.626 0 10.587 1.328 14.885 3.985 4.297 2.657 7.657 6.29 10.079 10.9 2.501 4.61 3.751 9.845 3.751 15.705 0 5.86-1.25 11.096-3.751 15.706-2.422 4.532-5.782 8.126-10.079 10.783-4.298 2.578-9.298 3.867-15.002 3.867-4.532 0-8.556-.898-12.073-2.695-3.438-1.797-6.172-4.337-8.204-7.619v34.693h-12.424Zm30.591-35.161c5.313 0 9.689-1.798 13.127-5.392 3.438-3.672 5.157-8.439 5.157-14.299 0-3.829-.782-7.227-2.344-10.197-1.563-2.969-3.712-5.274-6.447-6.915-2.734-1.719-5.899-2.578-9.493-2.578-5.313 0-9.689 1.836-13.127 5.508-3.36 3.673-5.04 8.4-5.04 14.182 0 5.86 1.68 10.627 5.04 14.299 3.438 3.594 7.814 5.392 13.127 5.392ZM550.834 116c-5.704 0-10.236-1.367-13.596-4.102-3.36-2.813-5.04-7.775-5.04-14.885V68.298h-9.962V57.866h9.962l1.524-14.767h10.9v14.767h16.409v10.432h-16.409v28.715c0 3.203.664 5.43 1.992 6.68 1.407 1.173 3.79 1.759 7.15 1.759h6.681V116h-9.611Z" />
                                <path fill="#22C563"
                                    d="m597.75 116-30.004-82.043h16.057l23.207 66.689 23.323-66.69h15.823L616.152 116H597.75Zm65.895-67.158c-2.735 0-5.001-.82-6.798-2.462-1.719-1.64-2.578-3.711-2.578-6.212 0-2.5.859-4.531 2.578-6.094 1.797-1.641 4.063-2.461 6.798-2.461 2.735 0 4.962.82 6.681 2.46 1.797 1.564 2.696 3.595 2.696 6.096 0 2.5-.899 4.57-2.696 6.211-1.719 1.641-3.946 2.462-6.681 2.462ZM656.144 116V57.866h15.002V116h-15.002Zm30.661 0V57.866h13.244l1.172 9.846c1.797-3.438 4.376-6.173 7.736-8.205 3.438-2.031 7.462-3.047 12.072-3.047 7.188 0 12.775 2.266 16.76 6.798 3.985 4.532 5.978 11.173 5.978 19.925V116h-15.003V84.59c0-5.002-1.015-8.83-3.047-11.487-2.031-2.657-5.196-3.985-9.494-3.985-4.219 0-7.696 1.485-10.431 4.454-2.656 2.969-3.985 7.11-3.985 12.424V116h-15.002Zm99.554 1.406c-5.861 0-11.057-1.25-15.589-3.75s-8.087-6.017-10.665-10.549c-2.579-4.531-3.868-9.767-3.868-15.705 0-6.017 1.25-11.369 3.751-16.057 2.578-4.688 6.094-8.322 10.548-10.9 4.532-2.657 9.845-3.985 15.94-3.985 5.704 0 10.744 1.25 15.119 3.75 4.376 2.5 7.775 5.939 10.197 10.315 2.5 4.297 3.751 9.102 3.751 14.416 0 .86-.039 1.758-.118 2.695 0 .938-.039 1.915-.117 2.93h-44.186c.313 4.532 1.875 8.088 4.688 10.666 2.891 2.579 6.368 3.868 10.431 3.868 3.048 0 5.587-.664 7.619-1.993 2.109-1.406 3.672-3.203 4.688-5.391h15.237c-1.094 3.672-2.931 7.032-5.509 10.08-2.5 2.969-5.626 5.313-9.376 7.032-3.673 1.719-7.853 2.578-12.541 2.578Zm.117-48.757c-3.673 0-6.915 1.055-9.728 3.165-2.813 2.031-4.61 5.157-5.392 9.376h28.95c-.234-3.828-1.641-6.876-4.219-9.142-2.579-2.266-5.782-3.399-9.611-3.399Z" />
                                <path fill="#000"
                                    d="m43.32 61.03-5.803-21.376L16 45.317l5.804 21.517L43.32 61.03Zm0 31.426-21.516-5.804L16 108.169l21.517 5.662 5.804-21.375Zm27.18 15.713-15.713 15.713L70.5 139.595l15.713-15.713L70.5 108.169Zm27.18-15.713 5.803 21.517L125 108.169l-5.804-21.517-21.517 5.804Zm0-31.426 21.516 5.804L125 45.317l-21.517-5.663-5.804 21.376ZM70.5 45.317l15.713-15.713L70.5 13.89 54.787 29.604 70.5 45.317Z" />
                            </svg>




                        </a>
                        <div class="mt-3">
                            <p class="text-base text-gray-500">
                                PromptVine is a community that provides a variety of useful prompts to help you use
                                ChatGPT and AI Chatbots effectively. By joining our community and exploring the prompts,
                                you can learn how to transform your conversations with the help of AI Chatbots like
                                ChatGPT, Bing, GPT-4, and more.
                            </p>

                            <a data-splitbee-event="Download - Footer" target="_blank"
                                href="https://navneet07.gumroad.com/l/chatgpt"
                                class="inline-block px-3 py-2 mt-4 text-white rounded-lg bg-primary-500 hover:opacity-90">
                                Download All Prompts
                            </a>

                        </div>
                    </div>


                    <div
                        class="grid w-full grid-cols-1 gap-8 mt-6 sm:w-8/12 sm:mt-0 sm:gap-6 lg:grid-cols-3 md:grid-cols-2">

                        <div class="flex flex-col col-span-1">
                            <h3 class="mb-6 text-base font-semibold text-gray-900">
                                Categories
                            </h3>
                            <a href="prompts/chatgpt/category/storytelling.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                📖 Storytelling
                            </a>

                            <a href="prompts/chatgpt/category/writing.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                📝 Writing
                            </a>
                            <a href="prompts/chatgpt/category/opinion.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💭 Opinion
                            </a>
                            <a href="prompts/chatgpt/category/career-development.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💼 Career Development
                            </a>
                            <a href="prompts/chatgpt/category/coding-and-programming.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💻 Coding and Programming
                            </a>

                            <a href="prompts/chatgpt/category/humor.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🤣 Humor
                            </a>
                            <a href="prompts/chatgpt/category/education-and-tutoring.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🎓 Education &amp; Tutoring
                            </a>
                            <a href="prompts/chatgpt/category/animals-and-pets.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🐕‍🦺 Animals &amp; Pets
                            </a>
                        </div>
                        <div class="flex flex-col col-span-1">
                            <h3 class="mb-6 text-base font-bold text-gray-700">Resource</h3>
                            <a href="prompts/chatgpt.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Prompts
                            </a>
                            <a href="products/chatgpt.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Products
                            </a>
                            <a href="blog.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Blog
                            </a>
                        </div>
                        <div class="col-span-1">
                            <div class="mt-0 lg:mt-0">
                                <div>
                                    <h2 class="text-xl font-medium text-gray-900">Get AI Chatbot Prompts and Insights
                                        Straight to Your Inbox!</h2>
                                    <p class="max-w-lg mt-4 text-gray-500">
                                        Join our newsletter and stay up-to-date with the latest AI chatbot prompts and
                                        industry insights. Sign up now and stay ahead of the game!
                                    </p>
                                </div>
                                <div class="ml-embedded" data-form="tddCbW"></div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="py-8 mt-6 border-t border-gray-300">
                    <div class="flex flex-wrap justify-between">

                        <div class="">
                            <div class="flex flex-wrap">

                                <span class="block mb-0 mr-2 text-sm text-gray-500 sm:mb-2">
                                    © 2023 PromptVine
                                </span>
                                <span class="block mb-0 mr-2 text-sm text-gray-500 sm:mb-2">
                                    /
                                </span>
                                <a href="https://getlaunchlist.com/?ref=promptvine_f"
                                    class="inline-block mb-0 mr-2 text-sm text-gray-500 hover:text-gray-900 sm:mb-2">
                                    A product by LaunchList
                                </a>

                            </div>
                        </div>

                    </div>
                </div>
            </footer>

        </div>



    </div>


    <script src="livewire/livewire%EF%B9%96id=90730a3b0e7144480175.js" data-turbo-eval="false"
        data-turbolinks-eval="false"></script>
    <script data-turbo-eval="false"
        data-turbolinks-eval="false">window.livewire = new Livewire(); window.Livewire = window.livewire; window.livewire_app_url = ''; window.livewire_token = '2ZMcoDkOgu5qrh0C1ueX7zVGh0xAoAz0wMKvW7EH'; window.deferLoadingAlpine = function (callback) { window.addEventListener('livewire:load', function () { callback(); }); }; let started = false; window.addEventListener('alpine:initializing', function () { if (!started) { window.livewire.start(); started = true; } }); document.addEventListener("DOMContentLoaded", function () { if (!started) { window.livewire.start(); started = true; } });</script>

    <script>
        /**** Livewire Alert Scripts ****/
        (() => { var __webpack_modules__ = { 757: (e, t, r) => { e.exports = r(666) }, 666: e => { var t = function (e) { "use strict"; var t, r = Object.prototype, n = r.hasOwnProperty, o = "function" == typeof Symbol ? Symbol : {}, i = o.iterator || "@@iterator", a = o.asyncIterator || "@@asyncIterator", c = o.toStringTag || "@@toStringTag"; function s(e, t, r) { return Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }), e[t] } try { s({}, "") } catch (e) { s = function (e, t, r) { return e[t] = r } } function l(e, t, r, n) { var o = t && t.prototype instanceof y ? t : y, i = Object.create(o.prototype), a = new x(n || []); return i._invoke = function (e, t, r) { var n = f; return function (o, i) { if (n === p) throw new Error("Generator is already running"); if (n === d) { if ("throw" === o) throw i; return S() } for (r.method = o, r.arg = i; ;) { var a = r.delegate; if (a) { var c = L(a, r); if (c) { if (c === h) continue; return c } } if ("next" === r.method) r.sent = r._sent = r.arg; else if ("throw" === r.method) { if (n === f) throw n = d, r.arg; r.dispatchException(r.arg) } else "return" === r.method && r.abrupt("return", r.arg); n = p; var s = u(e, t, r); if ("normal" === s.type) { if (n = r.done ? d : _, s.arg === h) continue; return { value: s.arg, done: r.done } } "throw" === s.type && (n = d, r.method = "throw", r.arg = s.arg) } } }(e, r, a), i } function u(e, t, r) { try { return { type: "normal", arg: e.call(t, r) } } catch (e) { return { type: "throw", arg: e } } } e.wrap = l; var f = "suspendedStart", _ = "suspendedYield", p = "executing", d = "completed", h = {}; function y() { } function v() { } function m() { } var b = {}; s(b, i, (function () { return this })); var w = Object.getPrototypeOf, g = w && w(w(D([]))); g && g !== r && n.call(g, i) && (b = g); var O = m.prototype = y.prototype = Object.create(b); function E(e) { ["next", "throw", "return"].forEach((function (t) { s(e, t, (function (e) { return this._invoke(t, e) })) })) } function k(e, t) { function r(o, i, a, c) { var s = u(e[o], e, i); if ("throw" !== s.type) { var l = s.arg, f = l.value; return f && "object" == typeof f && n.call(f, "__await") ? t.resolve(f.__await).then((function (e) { r("next", e, a, c) }), (function (e) { r("throw", e, a, c) })) : t.resolve(f).then((function (e) { l.value = e, a(l) }), (function (e) { return r("throw", e, a, c) })) } c(s.arg) } var o; this._invoke = function (e, n) { function i() { return new t((function (t, o) { r(e, n, t, o) })) } return o = o ? o.then(i, i) : i() } } function L(e, r) { var n = e.iterator[r.method]; if (n === t) { if (r.delegate = null, "throw" === r.method) { if (e.iterator.return && (r.method = "return", r.arg = t, L(e, r), "throw" === r.method)) return h; r.method = "throw", r.arg = new TypeError("The iterator does not provide a 'throw' method") } return h } var o = u(n, e.iterator, r.arg); if ("throw" === o.type) return r.method = "throw", r.arg = o.arg, r.delegate = null, h; var i = o.arg; return i ? i.done ? (r[e.resultName] = i.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, h) : i : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, h) } function j(e) { var t = { tryLoc: e[0] }; 1 in e && (t.catchLoc = e[1]), 2 in e && (t.finallyLoc = e[2], t.afterLoc = e[3]), this.tryEntries.push(t) } function P(e) { var t = e.completion || {}; t.type = "normal", delete t.arg, e.completion = t } function x(e) { this.tryEntries = [{ tryLoc: "root" }], e.forEach(j, this), this.reset(!0) } function D(e) { if (e) { var r = e[i]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, a = function r() { for (; ++o < e.length;)if (n.call(e, o)) return r.value = e[o], r.done = !1, r; return r.value = t, r.done = !0, r }; return a.next = a } } return { next: S } } function S() { return { value: t, done: !0 } } return v.prototype = m, s(O, "constructor", m), s(m, "constructor", v), v.displayName = s(m, c, "GeneratorFunction"), e.isGeneratorFunction = function (e) { var t = "function" == typeof e && e.constructor; return !!t && (t === v || "GeneratorFunction" === (t.displayName || t.name)) }, e.mark = function (e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, m) : (e.__proto__ = m, s(e, c, "GeneratorFunction")), e.prototype = Object.create(O), e }, e.awrap = function (e) { return { __await: e } }, E(k.prototype), s(k.prototype, a, (function () { return this })), e.AsyncIterator = k, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new k(l(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then((function (e) { return e.done ? e.value : a.next() })) }, E(O), s(O, c, "Generator"), s(O, i, (function () { return this })), s(O, "toString", (function () { return "[object Generator]" })), e.keys = function (e) { var t = []; for (var r in e) t.push(r); return t.reverse(), function r() { for (; t.length;) { var n = t.pop(); if (n in e) return r.value = n, r.done = !1, r } return r.done = !0, r } }, e.values = D, x.prototype = { constructor: x, reset: function (e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(P), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t) }, stop: function () { this.done = !0; var e = this.tryEntries[0].completion; if ("throw" === e.type) throw e.arg; return this.rval }, dispatchException: function (e) { if (this.done) throw e; var r = this; function o(n, o) { return c.type = "throw", c.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var a = this.tryEntries[i], c = a.completion; if ("root" === a.tryLoc) return o("end"); if (a.tryLoc <= this.prev) { var s = n.call(a, "catchLoc"), l = n.call(a, "finallyLoc"); if (s && l) { if (this.prev < a.catchLoc) return o(a.catchLoc, !0); if (this.prev < a.finallyLoc) return o(a.finallyLoc) } else if (s) { if (this.prev < a.catchLoc) return o(a.catchLoc, !0) } else { if (!l) throw new Error("try statement without catch or finally"); if (this.prev < a.finallyLoc) return o(a.finallyLoc) } } } }, abrupt: function (e, t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break } } i && ("break" === e || "continue" === e) && i.tryLoc <= t && t <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = e, a.arg = t, i ? (this.method = "next", this.next = i.finallyLoc, h) : this.complete(a) }, complete: function (e, t) { if ("throw" === e.type) throw e.arg; return "break" === e.type || "continue" === e.type ? this.next = e.arg : "return" === e.type ? (this.rval = this.arg = e.arg, this.method = "return", this.next = "end") : "normal" === e.type && t && (this.next = t), h }, finish: function (e) { for (var t = this.tryEntries.length - 1; t >= 0; --t) { var r = this.tryEntries[t]; if (r.finallyLoc === e) return this.complete(r.completion, r.afterLoc), P(r), h } }, catch: function (e) { for (var t = this.tryEntries.length - 1; t >= 0; --t) { var r = this.tryEntries[t]; if (r.tryLoc === e) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; P(r) } return o } } throw new Error("illegal catch attempt") }, delegateYield: function (e, r, n) { return this.delegate = { iterator: D(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), h } }, e }(e.exports); try { regeneratorRuntime = t } catch (e) { "object" == typeof globalThis ? globalThis.regeneratorRuntime = t : Function("r", "regeneratorRuntime = r")(t) } } }, __webpack_module_cache__ = {}; function __webpack_require__(e) { var t = __webpack_module_cache__[e]; if (void 0 !== t) return t.exports; var r = __webpack_module_cache__[e] = { exports: {} }; return __webpack_modules__[e](r, r.exports, __webpack_require__), r.exports } __webpack_require__.n = e => { var t = e && e.__esModule ? () => e.default : () => e; return __webpack_require__.d(t, { a: t }), t }, __webpack_require__.d = (e, t) => { for (var r in t) __webpack_require__.o(t, r) && !__webpack_require__.o(e, r) && Object.defineProperty(e, r, { enumerable: !0, get: t[r] }) }, __webpack_require__.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t); var __webpack_exports__ = {}; (() => { "use strict"; var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(757), _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = __webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__); function ownKeys(e, t) { var r = Object.keys(e); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); t && (n = n.filter((function (t) { return Object.getOwnPropertyDescriptor(e, t).enumerable }))), r.push.apply(r, n) } return r } function _objectSpread(e) { for (var t = 1; t < arguments.length; t++) { var r = null != arguments[t] ? arguments[t] : {}; t % 2 ? ownKeys(Object(r), !0).forEach((function (t) { _defineProperty(e, t, r[t]) })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ownKeys(Object(r)).forEach((function (t) { Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t)) })) } return e } function _defineProperty(e, t, r) { return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e } function asyncGeneratorStep(e, t, r, n, o, i, a) { try { var c = e[i](a), s = c.value } catch (e) { return void r(e) } c.done ? t(s) : Promise.resolve(s).then(n, o) } function _asyncToGenerator(e) { return function () { var t = this, r = arguments; return new Promise((function (n, o) { var i = e.apply(t, r); function a(e) { asyncGeneratorStep(i, n, o, a, c, "next", e) } function c(e) { asyncGeneratorStep(i, n, o, a, c, "throw", e) } a(void 0) })) } } function evalCallbacksOptions(options) { for (var callbacksKeysAllowed = ["allowOutsideClick", "allowEscapeKey", "allowEnterKey", "loaderHtml", "inputOptions", "inputValidator", "preConfirm", "preDeny", "didClose", "didDestroy", "didOpen", "didRender", "willClose", "willOpen"], _i = 0, _callbacksKeysAllowed = callbacksKeysAllowed; _i < _callbacksKeysAllowed.length; _i++) { var callbackKey = _callbacksKeysAllowed[_i]; options.hasOwnProperty(callbackKey) && ("string" == typeof options[callbackKey] || options[callbackKey] instanceof String) && options[callbackKey] && "" != options[callbackKey].trim() && (options[callbackKey] = eval(options[callbackKey])) } } function afterAlertInteraction(e) { if (e.confirmed) return "self" === e.onConfirmed.component ? void Livewire.find(e.onConfirmed.id).emitSelf(e.onConfirmed.listener, e.result) : void Livewire.emitTo(e.onConfirmed.component, e.onConfirmed.listener, e.result); if (e.isDenied) return "self" === e.onDenied.component ? void Livewire.find(e.onDenied.id).emitSelf(e.onDenied.listener, e.result) : void Livewire.emitTo(e.onDenied.component, e.onDenied.listener, e.result); if (e.onProgressFinished && e.dismiss === Swal.DismissReason.timer) return "self" === e.onProgressFinished.component ? void Livewire.find(e.onProgressFinished.id).emitSelf(e.onProgressFinished.listener, e.result) : void Livewire.emitTo(e.onProgressFinished.component, e.onProgressFinished.listener, e.result); if (e.onDismissed) { if ("self" === e.onDismissed.component) return void Livewire.find(e.onDismissed.id).emit(e.onDismissed.listener, e.result); Livewire.emitTo(e.onDismissed.component, e.onDismissed.listener, e.result) } } window.addEventListener("alert", function () { var e = _asyncToGenerator(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark((function e(t) { var r, n, o, i, a, c, s, l; return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap((function (e) { for (; ;)switch (e.prev = e.next) { case 0: return o = t.detail.message, i = null !== (r = t.detail.type) && void 0 !== r ? r : null, a = t.detail.data, c = t.detail.events, evalCallbacksOptions(s = t.detail.options), e.next = 8, Swal.fire(_objectSpread({ title: o, icon: i }, s)); case 8: afterAlertInteraction(_objectSpread(_objectSpread(_objectSpread({ confirmed: (l = e.sent).isConfirmed, denied: l.isDenied, dismiss: l.dismiss, result: _objectSpread(_objectSpread({}, l), {}, { data: _objectSpread(_objectSpread({}, a), {}, { inputAttributes: null !== (n = s.inputAttributes) && void 0 !== n ? n : null }) }) }, c), l), s)); case 10: case "end": return e.stop() } }), e) }))); return function (t) { return e.apply(this, arguments) } }()), window.flashAlert = function () { var e = _asyncToGenerator(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark((function e(t) { var r, n, o, i, a, c, s; return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap((function (e) { for (; ;)switch (e.prev = e.next) { case 0: return i = t.events, a = t.events.data, evalCallbacksOptions(c = t.options), e.next = 6, Swal.fire(_objectSpread({ title: null !== (r = t.message) && void 0 !== r ? r : "", icon: null !== (n = t.type) && void 0 !== n ? n : null }, c)); case 6: afterAlertInteraction(_objectSpread(_objectSpread({ confirmed: (s = e.sent).isConfirmed, denied: s.isDenied, dismiss: s.dismiss, result: _objectSpread(_objectSpread({}, s), {}, { data: _objectSpread(_objectSpread({}, a), {}, { inputAttributes: null !== (o = c.inputAttributes) && void 0 !== o ? o : null }) }) }, i), t.options)); case 8: case "end": return e.stop() } }), e) }))); return function (t) { return e.apply(this, arguments) } }() })() })();
    </script>



    <div wire:id="0XMj5BxyY3fX3kCfbN5y"
        wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;0XMj5BxyY3fX3kCfbN5y&quot;,&quot;name&quot;:&quot;livewire-ui-modal&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;submit&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;747bd853&quot;,&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;360f6091fa7bbf98f387b5e170e8b9bb99408148242e1ff47a5ecaaa284ecb3f&quot;}}">
        <script>(() => { var t, e = { 331: () => { function t(t) { return function (t) { if (Array.isArray(t)) return e(t) }(t) || function (t) { if ("undefined" != typeof Symbol && null != t[Symbol.iterator] || null != t["@@iterator"]) return Array.from(t) }(t) || function (t, o) { if (!t) return; if ("string" == typeof t) return e(t, o); var n = Object.prototype.toString.call(t).slice(8, -1); "Object" === n && t.constructor && (n = t.constructor.name); if ("Map" === n || "Set" === n) return Array.from(t); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return e(t, o) }(t) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function e(t, e) { (null == e || e > t.length) && (e = t.length); for (var o = 0, n = new Array(e); o < e; o++)n[o] = t[o]; return n } window.LivewireUIModal = function () { return { show: !1, showActiveComponent: !0, activeComponent: !1, componentHistory: [], modalWidth: null, getActiveComponentModalAttribute: function (t) { if (void 0 !== this.$wire.get("components")[this.activeComponent]) return this.$wire.get("components")[this.activeComponent].modalAttributes[t] }, closeModalOnEscape: function (t) { if (!1 !== this.getActiveComponentModalAttribute("closeOnEscape")) { var e = !0 === this.getActiveComponentModalAttribute("closeOnEscapeIsForceful"); this.closeModal(e) } }, closeModalOnClickAway: function (t) { !1 !== this.getActiveComponentModalAttribute("closeOnClickAway") && this.closeModal(!0) }, closeModal: function () { var t = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0, o = arguments.length > 2 && void 0 !== arguments[2] && arguments[2]; if (!1 !== this.show) { if (!0 === this.getActiveComponentModalAttribute("dispatchCloseEvent")) { var n = this.$wire.get("components")[this.activeComponent].name; Livewire.emit("modalClosed", n) } if (!0 === this.getActiveComponentModalAttribute("destroyOnClose") && Livewire.emit("destroyComponent", this.activeComponent), e > 0) for (var i = 0; i < e; i++) { if (o) { var r = this.componentHistory[this.componentHistory.length - 1]; Livewire.emit("destroyComponent", r) } this.componentHistory.pop() } var s = this.componentHistory.pop(); s && !1 === t && s ? this.setActiveModalComponent(s, !0) : this.setShowPropertyTo(!1) } }, setActiveModalComponent: function (t) { var e = this, o = arguments.length > 1 && void 0 !== arguments[1] && arguments[1]; if (this.setShowPropertyTo(!0), this.activeComponent !== t) { !1 !== this.activeComponent && !1 === o && this.componentHistory.push(this.activeComponent); var n = 50; !1 === this.activeComponent ? (this.activeComponent = t, this.showActiveComponent = !0, this.modalWidth = this.getActiveComponentModalAttribute("maxWidthClass")) : (this.showActiveComponent = !1, n = 400, setTimeout((function () { e.activeComponent = t, e.showActiveComponent = !0, e.modalWidth = e.getActiveComponentModalAttribute("maxWidthClass") }), 300)), this.$nextTick((function () { var o, i = null === (o = e.$refs[t]) || void 0 === o ? void 0 : o.querySelector("[autofocus]"); i && setTimeout((function () { i.focus() }), n) })) } }, focusables: function () { return t(this.$el.querySelectorAll("a, button, input, textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function (t) { return !t.hasAttribute("disabled") })) }, firstFocusable: function () { return this.focusables()[0] }, lastFocusable: function () { return this.focusables().slice(-1)[0] }, nextFocusable: function () { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable: function () { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex: function () { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex: function () { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, setShowPropertyTo: function (t) { var e = this; this.show = t, t ? document.body.classList.add("overflow-y-hidden") : (document.body.classList.remove("overflow-y-hidden"), setTimeout((function () { e.activeComponent = !1, e.$wire.resetState() }), 300)) }, init: function () { var t = this; this.modalWidth = this.getActiveComponentModalAttribute("maxWidthClass"), Livewire.on("closeModal", (function () { var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], o = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0, n = arguments.length > 2 && void 0 !== arguments[2] && arguments[2]; t.closeModal(e, o, n) })), Livewire.on("activeModalComponentChanged", (function (e) { t.setActiveModalComponent(e) })) } } } }, 754: () => { } }, o = {}; function n(t) { var i = o[t]; if (void 0 !== i) return i.exports; var r = o[t] = { exports: {} }; return e[t](r, r.exports, n), r.exports } n.m = e, t = [], n.O = (e, o, i, r) => { if (!o) { var s = 1 / 0; for (u = 0; u < t.length; u++) { for (var [o, i, r] = t[u], a = !0, c = 0; c < o.length; c++)(!1 & r || s >= r) && Object.keys(n.O).every((t => n.O[t](o[c]))) ? o.splice(c--, 1) : (a = !1, r < s && (s = r)); if (a) { t.splice(u--, 1); var l = i(); void 0 !== l && (e = l) } } return e } r = r || 0; for (var u = t.length; u > 0 && t[u - 1][2] > r; u--)t[u] = t[u - 1]; t[u] = [o, i, r] }, n.o = (t, e) => Object.prototype.hasOwnProperty.call(t, e), (() => { var t = { 387: 0, 109: 0 }; n.O.j = e => 0 === t[e]; var e = (e, o) => { var i, r, [s, a, c] = o, l = 0; if (s.some((e => 0 !== t[e]))) { for (i in a) n.o(a, i) && (n.m[i] = a[i]); if (c) var u = c(n) } for (e && e(o); l < s.length; l++)r = s[l], n.o(t, r) && t[r] && t[r][0](), t[r] = 0; return n.O(u) }, o = self.webpackChunk = self.webpackChunk || []; o.forEach(e.bind(null, 0)), o.push = e.bind(null, o.push.bind(o)) })(), n.O(void 0, [109], (() => n(331))); var i = n.O(void 0, [109], (() => n(754))); i = n.O(i) })();</script>

        <div x-data="LivewireUIModal()" x-init="init()" x-on:close.stop="setShowPropertyTo(false)"
            x-on:keydown.escape.window="closeModalOnEscape()"
            x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
            x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show"
            class="fixed inset-0 z-10 overflow-y-auto" style="display: none;">
            <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0">
                <div x-show="show" x-on:click="closeModalOnClickAway()" x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0" class="fixed inset-0 transition-all transform">
                    <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
                </div>

                <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>

                <div x-show="show && showActiveComponent" x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-bind:class="modalWidth"
                    class="inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
                    id="modal-container">
                </div>
            </div>
        </div>
    </div>

    <!-- Livewire Component wire-end:0XMj5BxyY3fX3kCfbN5y -->
    <script src="js/app.js"></script>

    <script>
        var isLoggedIn = false;
    </script>

    <script>
        (function (w, d, e, u, f, l, n) {
            w[f] = w[f] || function () {
                (w[f].q = w[f].q || [])
                .push(arguments);
            }, l = d.createElement(e), l.async = 1, l.src = u,
            n = d.getElementsByTagName(e)[0], n.parentNode.insertBefore(l, n);
        })
            (window, document, 'script', 'https://assets.mailerlite.com/js/universal.js', 'ml');
        ml('account', '371228');
    </script>

</body>

</html>